
<html>
    <head>
        <title>互动吧-<block name="title">{$title}</block></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" type="text/css" href="/Public/Home/css/post.css">
    </head>
    <style>
	html,body{ width: 100%; height: 100%;}
	.header_public_bot{ height: 0;}
	.post_pc_wrap{ width: 100%; height: 100%;}
	.post_pc_wrap .banner_wrap li{ width: 100%; height: 100%; position: absolute; background-size:cover; left: 0; top: 0; z-index: -2;}
    .post_pc_wrap .banner_wrap .banner{ background: url(http://img1.hudongba.com/static_v4/images/post/post_pc_bg1.jpg) no-repeat center center;}
	.post_pc_wrap .banner_wrap .banner1{ background: url(http://img1.hudongba.com/static_v4/images/post/post_pc_bg2.jpg) no-repeat center center;}
    .post_pc_wrap .post_gif_wrap li{ display: none; position: absolute; top: 200px; left: 50%; margin-left: -250px; width: 500px; text-align: center; font-size: 20px; color: #afb6b9;; font-family: "宋体";}
	.post_pc_wrap .post_gif_wrap .post_gif{ display: block;}
	.post_pc_wrap .post_box{ position: absolute; bottom: 100px; left: 50%; margin-left: -490px; width: 980px; height: 260px;}
	.post_pc_wrap .post_box div{  text-align: center;padding-top: 41px;}
	.post_pc_wrap .post_box div a.post_pc_img{ width: 112px; height: 112px; border-radius: 50%; display: block; margin: 0 auto;}
	.post_pc_wrap .post_box .post_party a.post_pc_img{ width: 153px; height: 153px; border-radius: 50%; display: block; margin: 0 auto;}
	.post_pc_wrap .post_box div a.post_pc_img:hover{ -webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out;}
	.post_pc_wrap .post_box .post_article{ width: 180px; background: url(http://img1.hudongba.com/static_v4/images/post/post_pc_article.png) no-repeat 34px 41px;}
	.post_pc_wrap .post_box .post_party{margin-left:200px; width: 620px;background: url(http://img1.hudongba.com/static_v4/images/post/post_pc_party.png) no-repeat 234px 0px; padding: 0;}
	.post_pc_wrap .post_box .post_vote{ width: 180px;background: url(http://img1.hudongba.com/static_v4/images/post/post_pc_vote.png) no-repeat 34px 41px;}
	.post_pc_wrap .post_box .title{ color: #fff; font-size: 28px; padding: 25px 0 15px;}
	.post_pc_wrap .post_box .txt{ color: #fff; font-size: 18px;}
	.post_pc_wrap .post_box a.post_pc_p:hover .title,.post_pc_wrap .post_box a.post_pc_p:hover .txt{ color: #ddd;}


	.post_pc_wrap .banner_wrap .banner{ background: url(http://cdn.hudongba.com/static_v4/images/activity/wansheng/wansheng_post4.jpg) no-repeat center center;}
	.post_pc_wrap .banner_wrap .banner1{ background: url(http://cdn.hudongba.com/static_v4/images/activity/wansheng/wansheng_post3.jpg) no-repeat center center;}
	.post_pc_wrap .banner_wrap .banner2{ background: url(http://cdn.hudongba.com/static_v4/images/activity/wansheng/wansheng_post2.jpg) no-repeat center center;}
	.post_pc_wrap .banner_wrap .banner3{ background: url(http://cdn.hudongba.com/static_v4/images/activity/wansheng/wansheng_post1.jpg) no-repeat center center;}
    body.wansheng {
        background: #191c29 !important;
    }

    @-webkit-keyframes scaleout {
	    0% { -webkit-transform: scale(1.0) }
	    100% {
	        -webkit-transform: scale(1.3);
	        opacity: 0;
	    }
	}
	@keyframes scaleout {
	    0% {
	        transform: scale(1.0);
	        -webkit-transform: scale(1.0);
	    } 100% {
	          transform: scale(1.3);
	          -webkit-transform: scale(1.3);
	          opacity: 0;
	      }
	}
	
	@media (min-width:0px) and (max-width:1350px) {
		.post_pc_wrap .post_box .post_article{ background-size: 92px; background-position:44px 41px;}
		.post_pc_wrap .post_box .post_party{ background-size: 130px; background-position:194px 0px;}
		.post_pc_wrap .post_box .post_vote{ background-size: 92px; background-position:44px 41px;}
		.post_pc_wrap .post_box div a img{ width: 92px;}
		.post_pc_wrap .post_box .post_party a img{ width: 130px;}
		.post_pc_wrap .post_box .title{ font-size: 24px; padding: 0px 0 10px;}
		.post_pc_wrap .post_box .txt{ font-size: 16px;}
		.post_pc_wrap .post_box{ bottom: 0px; width: 880px;margin-left: -440px;}
		.post_pc_wrap .post_box .post_party{ width: 520px;}
	}
	</style>
    <body class="wansheng">
        <div class="post_pc_wrap">
            <ul class="banner_wrap">
                <li class="banner3" style="z-index: -1; display: list-item;"></li>
                <li class="banner2" style="display: list-item;"></li>
                <li class="banner1" style="display: list-item;"></li>
                <li class="banner" style="display: list-item;"></li>
            </ul>
            <ul class="post_gif_wrap">
                <li style="display: list-item;">万圣节想去找刺激，不如搞一场活动让刺激找上你。</li>
                <li style="display: none;">阿基米德的杠杆能翘起地球，你的活动更能惊艳万圣夜。</li>
                <li style="display: none;">潮鬼美鬼要出洞，一起来场万圣冒险之旅！</li>
                <li class="post_gif" style="display: none;">万圣狂欢，来场活动一起打败南瓜怪！</li>
            </ul>
            <div class="post_box">

                <div class="post_party">
                    <a class="post_pc_img" href="{:U('Active/post')}">
                        <img src="/Public/Home/images/post_pc_party1.png" alt="">
                    </a>
                    <a class="post_pc_p" href="{:U('Active/post')}">
                        <p class="title">发布活动</p>
                        <p class="txt">户外 聚会 会议 文艺</p>
                    </a>
                </div>
               
            </div>
        </div>
    </body>
</html>
